<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>某某家具设计公司企业官网-模板之家</title> ﻿
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport"
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
</head>
<body>
	<jsp:include page="header.jsp" />
	<section class="pro-list"> <aside class="pro-leftsidebar">
	<ul>
		<li><a>产品搜索</a>
			<ul id="pro-search">
				<li><a><input type="text" class="pro-search"><a
						class="pro-search-btn">搜索</a></a></li>
			</ul></li>
		<li><a>产品分类</a>
			<ul id="pro-category">
				<c:forEach items="${prList }" var="r">
					<c:if test="${r.id == curType.id }">
						<li class="on">
					</c:if>
					<c:if test="${r.id != curType.id }">
						<li>
					</c:if>
					<a href="ProductlistServlet?url=proList&pType=${r.id }">${r.productname }</a></li>
		</c:forEach>
	</ul>
	</li>
	</ul>
	</aside> <aside class="pro-rightsidebar"> <header>
	<p></p>
	<span>${curType.productname }</span>
	<div class="product-nav">
		<a href="IndexServlet">首页 </a>&#62;<a
			href="ProductlistServlet?url=proList&pType=1">产品展示</a>&#62;<a>${curType.productname }</a>
	</div>
	</header> <main>
	<div class="pro-right-left">
		<div class="pro-details-img">
			<img src="images/proimg.jpg">
		</div>

		<div class="pro-detalis-carousel">
			<div class="am-slider am-slider-default am-slider-carousel"
				data-am-flexslider="{itemWidth: 112, itemMargin: 4,move:5,  controlNav: false ,  slideshow: true}">
				<ul class="am-slides pro-details">
					<c:forEach items="${productInfo.picList }" var="pic">
						<li><img src="${pic.picurl }" /></li>
					</c:forEach>
				</ul>
			</div>
		</div>

	</div>
	<div class="pro-right-right">
		<ul class="pro-right-info-constant">
			<li>产品名称:</li>
			<li>产品材质:</li>
			<li>产品售价:</li>
			<li>市场价:</li>
		</ul>
		<ul class="pro-right-info-variable">
			<li>${productInfo.name }</li>
			<li>${productInfo.materail }</li>
			<li>${productInfo.saleprice }</li>
			<li>${productInfo.marketprice }</li>
		</ul>
	</div>

	<div class="am-tabs pro-tabs" data-am-tabs>
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active"><a href="#tab1">详细说明1</a></li>
			<li><a href="#tab2">详细说明2</a></li>
			<li><a href="#tab3">详细说明3</a></li>
			<li><a href="#tab4">详细说明4</a></li>
		</ul>

		<div class="am-tabs-bd">
			<div class="am-tab-panel am-active" id="tab1">
				<ul>
					<li><span class="pro-tabs-constant">品牌:</span> <span
						class="pro-tabs-variable">${productInfo.brand }</span></li>
					<li><span class="pro-tabs-constant">是否组装:</span> <span
						class="pro-tabs-variable">${productInfo.pack }</span></li>
					<li><span class="pro-tabs-constant">是否可定制:</span> <span
						class="pro-tabs-variable">${productInfo.customized }</span></li>
					<li><span class="pro-tabs-constant">型号:</span> <span
						class="pro-tabs-variable">${productInfo.model }</span></li>
					<li><span class="pro-tabs-constant">颜色分类:</span> <span
						class="pro-tabs-variable">${productInfo.color }</span></li>
					<li><span class="pro-tabs-constant">设计元素:</span> <span
						class="pro-tabs-variable">${productInfo.elements }</span></li>
					<li><span class="pro-tabs-constant">风格:</span> <span
						class="pro-tabs-variable">${productInfo.style }</span></li>
					<li><span class="pro-tabs-constant">款式定位:</span> <span
						class="pro-tabs-variable">${productInfo.stylepositioning }</span>
					</li>
				</ul>
			</div>
			<div class="am-tab-panel" id="tab2">
				<ul>
					<li><span class="pro-tabs-constant">品牌:</span> <span
						class="pro-tabs-variable">${productInfo.brand }</span></li>
					<li><span class="pro-tabs-constant">是否组装:</span> <span
						class="pro-tabs-variable">${productInfo.pack }</span></li>
					<li><span class="pro-tabs-constant">是否可定制:</span> <span
						class="pro-tabs-variable">${productInfo.customized }</span></li>
					<li><span class="pro-tabs-constant">型号:</span> <span
						class="pro-tabs-variable">${productInfo.model }</span></li>
					<li><span class="pro-tabs-constant">颜色分类:</span> <span
						class="pro-tabs-variable">${productInfo.color }</span></li>
					<li><span class="pro-tabs-constant">设计元素:</span> <span
						class="pro-tabs-variable">${productInfo.elements }</span></li>
					<li><span class="pro-tabs-constant">风格:</span> <span
						class="pro-tabs-variable">${productInfo.style }</span></li>
					<li><span class="pro-tabs-constant">款式定位:</span> <span
						class="pro-tabs-variable">${productInfo.stylepositioning }</span>
					</li>
				</ul>
			</div>
			<div class="am-tab-panel" id="tab3">
				<ul>
					<li><span class="pro-tabs-constant">品牌:</span> <span
						class="pro-tabs-variable">${productInfo.brand }</span></li>
					<li><span class="pro-tabs-constant">是否组装:</span> <span
						class="pro-tabs-variable">${productInfo.pack }</span></li>
					<li><span class="pro-tabs-constant">是否可定制:</span> <span
						class="pro-tabs-variable">${productInfo.customized }</span></li>
					<li><span class="pro-tabs-constant">型号:</span> <span
						class="pro-tabs-variable">${productInfo.model }</span></li>
					<li><span class="pro-tabs-constant">颜色分类:</span> <span
						class="pro-tabs-variable">${productInfo.color }</span></li>
					<li><span class="pro-tabs-constant">设计元素:</span> <span
						class="pro-tabs-variable">${productInfo.elements }</span></li>
					<li><span class="pro-tabs-constant">风格:</span> <span
						class="pro-tabs-variable">${productInfo.style }</span></li>
					<li><span class="pro-tabs-constant">款式定位:</span> <span
						class="pro-tabs-variable">${productInfo.stylepositioning }</span>
					</li>
				</ul>
			</div>
			<div class="am-tab-panel" id="tab4">
				<ul>
					<li><span class="pro-tabs-constant">品牌:</span> <span
						class="pro-tabs-variable">${productInfo.brand }</span></li>
					<li><span class="pro-tabs-constant">是否组装:</span> <span
						class="pro-tabs-variable">${productInfo.pack }</span></li>
					<li><span class="pro-tabs-constant">是否可定制:</span> <span
						class="pro-tabs-variable">${productInfo.customized }</span></li>
					<li><span class="pro-tabs-constant">型号:</span> <span
						class="pro-tabs-variable">${productInfo.model }</span></li>
					<li><span class="pro-tabs-constant">颜色分类:</span> <span
						class="pro-tabs-variable">${productInfo.color }</span></li>
					<li><span class="pro-tabs-constant">设计元素:</span> <span
						class="pro-tabs-variable">${productInfo.elements }</span></li>
					<li><span class="pro-tabs-constant">风格:</span> <span
						class="pro-tabs-variable">${productInfo.style }</span></li>
					<li><span class="pro-tabs-constant">款式定位:</span> <span
						class="pro-tabs-variable">${productInfo.stylepositioning }</span>
					</li>
				</ul>

			</div>
		</div>
	</div>
	</main> </aside> </section>
	<jsp:include page="footer.jsp" />
</body>

</html>